<template>
    <span class="playCount"><i class="iconfont icon-n"></i> {{playCount}}</span>
</template>
<script type="text/ecmascript-6">

export default {
    props: ['count'],
    computed:{
        playCount() {
            if(this.count>10000){
                var _count = (this.count/10000).toString();
                return _count.substring(0,_count.indexOf('.'))+'万';
            }
            if(this.count<=10000){
                return this.count
            }
        }
    }
}
</script>
<style rel="stylesheet/scss" lang="scss">
@import url('../../../../static/css/iconfont.css');
.playCount {
    position: absolute;
    color: #ffffff;
    top: 2%;
    right: 2%;
}
[data-dpr='1'] .playCount .iconfont{
    font-size: 12px;
}
[data-dpr='2'] .playCount .iconfont{
    font-size: 24px;
}
[data-dpr='3'] .playCount .iconfont{
    font-size: 38px;
}
</style>
